Basic List

The w3-ul class creates a basic list:

---

Bordered List

The w3-border class adds a border around the list:

---

List Header

An example of how to add a heading element inside the list item.

---

Centered List

The w3-center class centers the list items:

---

Hoverable List

The w3-hoverable class adds a grey background color to all list items when you mouse over them:

---

Closable List Items

To close/hide the list items, click on the "x":

---

Avatar List

You can combine w3-ul and the w3-bar classes to create an avatar list:

---